<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set  var="u" value="@com.tank.util.TankUtil@getCurrentUser()"></s:set>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<base href="<%=basePath%>"/>
		<title>用户中心   - ichange</title>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


		<!-- 网页样式代码fresh_news.css -->
			<jsp:include page="../user/header.jsp"></jsp:include>
		<!--end header-->

		<link href="center/user_center_files/fresh_news.css" rel="stylesheet" type="text/css">
		<link href="center/user_center_files/bar.css" rel="stylesheet" type="text/css" />
		<jsp:include page="../skin/jsp/files.jsp"></jsp:include>
		<!--  -->
		<!-- s -->
		 <script type='text/javascript' src='/dwr/engine.js'></script>
		 <script type='text/javascript' src='/dwr/interface/HOME.js'></script>
		 <script type="text/javascript" src="zgg/js/home.js"></script>
</head>
	

<body id="fresh_news">

<div style="width: 100%; height: 3px; background: url(public/footer-bg-1-3-20111222.png); background-repeat: repeat-x; margin-bottom: -10px;"></div>

		<div style="text-align: center; padding: 0px; margin: 0 auto; background-color: ; width: 900px;">
			

			<div id="content" style="float: left; background: url(center/user_center_files/baidubg.png); text-align: left;">


<!-- 这个是发表框的内容 -->
<box>
				<div id="footer" 
					style="background: url(center/user_center_files/baidubg.png); margin-bottom: 10px; height: 150px; width: 850px; background-color: ">
					<div class="footer_content">
					<s:form id="inputBox" action="item_publish">
							<div class="contact_us">
									<div class="contact_img">
									<a href="itemsProfileAction.action?userId=${u.id}"><img style="h" src='${u.photo}' title="${u.name}" width="50" height="50"/></a>
									</div>
							<div class="contact_info" style="width: 600px; height: 70px;">
								<font size="2"><textarea rows="" cols="" id="item_content" name="item.content"
										maxlength="140"
										style="border: 0pt none; width: 600px; height: 70px;"></textarea>
								</font>

								<div class="contact_arrow">

								</div>
							</div>
							<div
								style="height: 100px; width: 680px; background-color: ; padding-top: 10px;">
								<font size="2"><input type="submit" value="发表"
										class="fr send send_comment"
										style="border: 0pt none; background: transparent url(center/user_center_files/sub-btn-64-23-20111101.png) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 64px; height: 23px; line-height: 23px; cursor: pointer; color: rgb(255, 255, 255);">
								</font>
							</div>
						</div>

</s:form>


					</div>
					<div>
						<font size="2"><img alt=""
								src="center/user_center_files/bar/upload.gif"
								class="upload"
								style="height: 57px; float: right; margin-top: 20px;cursor: pointer;"> </font>
					</div>

				</div>
</box>
					<script>
				/*
				$(".upload").click(function(){
					$('html,body').animate( {scrollTop :0}, 2000);
					$(".htmiframe").attr("src","created.htm")
					
					$("#metro").delay(2000).slideUp(1000);
					$(".bar_home").animate({'left':'-500px'},1000)
					$(".bar_warehouse").animate({'right':'-500px'},1500)
					$("#createhtm").delay(2000).slideDown(1000);
					
				})
				
				
				$(".Uploadclose").click(function(){
					
					
					$("#metro").slideDown(1000);
					
					$(".bar_home").delay(2000).animate({'left':''},1000)
					$(".bar_warehouse").delay(2000).animate({'right':''},1500)
					$("#createhtm").slideUp(1000);
					
					
				})
				$(".profileclose").click(function(){
					
					
					$("#metro").animate({'height':'200px'},1000);
					$(".bar_warehouse").animate({'right':'0%'},1500)
					$(".bar_home").delay(2000).animate({'left':''},1000)
						$('html,body').animate( {scrollTop :0}, 1500);
					$("#needbut").delay(2000).fadeIn(1000)
					$("#profilehtm").slideUp(1000);
					
					
				})*/
				
				</script>
<!-- 这个是发表框的内容 -->
<style type="text/css">
	<!--
.menub{ float: left; width: 95px; height: 40px; text-align: left; margin: 0 auto; position: absolute; }
.menuh{ background-color: rgb(149, 44, 43); height: 5px; width: 90px; }
a.menuw,a.menud{font: bold 18px "Microsoft YaHei"; color: #7B7B7B; padding: 5px 0 5px 5px;display:block;text-decoration:none; }
  
	//-->
	</style>
	 <div style="">
			 <div style="width: 700px; background-color: ; text-align: left; margin: 0 auto;">
						 <h2></h2>
						<div  class="menub" style="left: 290px;">
							 
								<div class="rednav "></div>
								<a class="menuw m-all" href="home">
								全部动态
								</a>
							 
						</div>
						<div  class="menub" style=" left: 390px;">
							 
								<div class="rednav"></div>
								<a class="menuw m-product"  href="home?item.content=product">
								物品动态
								</a>
							 
						</div>
						<div  class="menub" style=" left: 490px;" >
							 
								<div class="rednav"></div>
								<a class="menuw m-talk" href="home?item.content=talk" >
								说说动态
								</a>
							 
						</div>
						<div   class="menub" style=" left: 590px;" >
							<div class="rednav"></div>
							 <a class="menuw m-at" href="home?item.content=at" >
								与我相关
							 </a>
						</div>
	<script type="text/javascript">
 $(document).ready(function(){
	var url=location.href;
	if(url.indexOf('')>0){
	
	}else if(url.indexOf('item.content=at')>0){
		$('.m-at').removeClass('menuw').addClass('menud').prev('.rednav').addClass('menuh');
	}else if(url.indexOf('item.content=product')>0){
		$('.m-product').removeClass('menuw').addClass('menud').prev('.rednav').addClass('menuh');
	}else if(url.indexOf('item.content=talk')>0){
		$('.m-talk').removeClass('menuw').addClass('menud').prev('.rednav').addClass('menuh');
	}else {
		$('.m-all').removeClass('menuw').addClass('menud').prev('.rednav').addClass('menuh');
	}
 var timein;	
$(".menuw").hover(function() {
	var nav=$(this);
	timein=setTimeout(function(){
	nav.css("color", "#952C2B").css("cursor", "pointer");
	nav.parent().find(".rednav").addClass('menuh').hide().slideDown(500);
	},100);
}, function() {
	var nav=$(this);
	clearTimeout(timein);	
	nav.css("color", "#7B7B7B");
	nav.parent().find(".rednav").slideUp(500);
});
	
})
</script>



					</div>
				</div>



				<div id="weibo" style="height: 50px;"></div>

				<!-- 这个是发表状态的  zhuogg-->
	

<script  id="first" type="text/html">
	<div class="item cf">
		<!-- 用户头像 -->
					<div class="user-img fl">
						<a href="<#= author.id #>" title="<#= author.name #>"> 
						<img src="<#= author.photo #>" class="to_popup" width="40" height="40">
						</a>
					</div>
		<!-- 用户头像 -->
		<!-- 微博全部内容 -->
					<div class="item-right fl" style="background-color: #; margin-top: -20px;">

						<div class="course-info cf" 	style="text-align: left; background-color: ; height: none;">

							<div class="course-other-info fr"
								style="background-color: ; height: 100%; width: 100%; right: 0px; position: relative;">
								
							<!--内容 -->
								<div class="cf" style="margin-bottom: 15px;">
									<div class="username fl">
										<a href="<#= author.id #>" target="_blank" class="nickname"  style="font-family: Microsoft Yahei, Arial; color: #7FBCF0; font-size: 12pt;"><#= author.name #></a>
										<span>：发表状态</span>
										
										
											<div style="margin-bottom: 10px;">
												<h3	style="font-size: 10pt; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, 微软雅黑; font-weight: bold; display: block;">
													<#= content #>
												</h3>
											</div>
									</div>

								</div>
							<!--/内容 -->			
						
						
							<!--分割线 -->
								<div style="Opacity: 0.3; Filter: alpha(opacity =30); margin-top: 40px;">
									<hr style="color: #F0EEEF;">
									<img src="center/user_center_files/arrow-down-16-8-20111227.png" class="hrshow" style="margin-left: 49%; margin-top: -8px;"></img>
								</div>
							<!--/分割线 -->
					
					
							
							</div>
							
							
							
							<TANK-ITEM-ARROW>
							<div style="position: absolute; left: -8px;" class="contact_info"><img src="center/user_center_files/content.png"/></div>
							</TANK-ITEM-ARROW>
						
					</div>
				</div>
			</div>
</script>


<script  id="two" type="text/html">
<tank-list>
		<div class="item cf">
		<!-- 用户头像 -->
					<div class="user-img fl">
						<a href="itemsProfileAction.action?userId=<#=author.id  #>" title="<#=author.name  #>"> 
						<img src="<#=author.photo  #>" class="to_popup" width="40" height="40">
						<input type="hidden" name="id" value=""<#=author.id  #>"> </a>
					</div>
		<!-- 用户头像 -->
		<!-- 微博全部内容 -->
					<div class="item-right fl" style="background-color: #; margin-top: -20px;">

						<div class="course-info cf" 	style="text-align: left; background-color: ; height: none;">

							<div class="course-other-info fr"
								style="background-color: ; height: 100%; width: 100%; right: 0px; position: relative;">
								
							<!--内容 -->
								<div class="cf" style="margin-bottom: 15px;">
									<div class="username fl">
										<a href="itemsProfileAction.action?userId=<#=author.id  #>" target="_blank" class="nickname"  style="font-family: Microsoft Yahei, Arial; color: #7FBCF0; font-size: 12pt;"><#=author.name  #></a>
										<span>：<#=type #></span>
										
										
											<div style="margin-bottom: 10px;">
												<h3	style="font-size: 10pt; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, 微软雅黑; font-weight: bold; display: block;">
													<#=content #>
												</h3>
											</div>
									</div>

								</div>
							<!--/内容 -->	
							

							<#  if( parent != null )
							{
							#>
							<!-- transpond -->
							<div style="margin-bottom: 10px;">
									<div class="course-info cf" style="background-color: #FCFCFC; padding-bottom: 40px;">

										<!-- 这个是发表的内容 -->

										<!--转发带图片的用户信息  -->
										<div style="">
										<a href="itemsProfileAction.action?userId=<#=parent.author.id #>" target="_blank" class="nickname" style="font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, 微软雅黑; color: #7FBCF0; font-size: 12pt;"><#=parent.author.name #></a>
										<span>：<#=parent.type #></span>
										 
										<# if(parent.title){ #>
										
										<h3 style="text-align: center;">
											<a href="<#=parent.id #>"><#=parent.title #></a>
										</h3>
										<# } #>
										</div>
										<!--转发带图片的用户信息  -->
										
										<span><#=parent.content #></span>
										<#if(parent.cover){ #>
												<a href="itemshowAction.action?productId=<#=parent.id #>" style="display:block;background-color: #FCFCFC; padding:10px;" title="点击查看物品详情">
													<img src="upload/<#=parent.cover.name #>" />										
												</a>
										<# } #>
										<div style="position: absolute; width: 100%; background-color: ; height: 50px; bottom: 0px; margin-top: 50px; right: 20px;">

											<p class="forward" style="display: table;">
												<a href="javascript:void(0);" toid="<#=parent.id #>" title="推荐"><span class="forward_num favour fa<#=parent.id#>"><#=parent.favourCount #></span> </a>
												<a href=" " title="评论"><span class="comment_num comment9121220332"><#=parent.commentCount #></span>
												</a>
												<img class="forward" src="center/user_center_files/forward.png" title="转发" style="height: 16px;cursor: pointer;margin-left: 10px;">
												<span class="comment_num comment9121220332"><#=parent.transpondCount #></span>
											</p>
										</div>
									</div>
								</div>
							<!-- transpond -->
							<#}#>
							<!--工具 -->
								<div style="bottom: -30px; position: relative;">
										<p class="forward" style="margin-top: 15px; display: block;">
											<a href="#"
												toid="<#=id#>" title="推荐"><span
												class="forward_num favour fa<#=id#>"><#=favourCount #></span> </a>
											<a href="#"
												title="评论"><span class="comment_num comment9121220332"><#=commentCount #></span>
											</a>
											<img  class="forward"
											src="center/user_center_files/forward.png" 
											title="转发"
											style="height: 18px;cursor: pointer;margin-left: 10px;">
											<span class="comment_num comment9121220332"><#=transpondCount #></span></img>
										</p>
									</div>
							<!--/工具 -->
							<!--微博的时间 -->
								<div class="time fr" style="position: absolute; left: 0px;"><s:date name="pubtime" format="yyyy-MM-dd hh:mm:ss"/></div>
							<!--/微博的时间 -->
							<!--分割线 -->
								<div style="Opacity: 0.3; Filter: alpha(opacity =30); margin-top: 40px;">
									<hr style="color: #F0EEEF;">
									<img src="center/user_center_files/arrow-down-16-8-20111227.png" class="hrshow" style="margin-left: 49%; margin-top: -8px;"></img>
								</div>
							<!--/分割线 -->
					
					
						
							<!--评论 -->
								<div class="replyin" id="replyin-<#=id #>" style="display:none ;">
										<!-- 没有评论 <p style="border-bottom: 1px dashed #AEAEAE;display: none;text-align: center;" class="replyin">(暂无评论)</p>--> 
									

									<div id="comment-list-<#=id #>" class="comment-list">
									
									</div>
									<div id="comment-page-<#=id #>" class="comment-page pagination">
									
									</div>
									
								</div>
							<!--/评论 -->
							<!-- 下拉按 --><p style="cursor: pointer;text-align: center;"  pid="<#=id #>" pno="1"   class="showreply">展开评论</p>
							<!--评论 框 -->
							<TANK-REPLY-BOX>
							<div style="margin-top: 20px;">
									<!-- 用户评价输入框 -->
									<textarea type="text" class="comment"  pid="<#=id #>"  >我来点评下</textarea>
									<!-- 确认发表回复-->
									<div class="commentbut" style="padding-bottom: 10px; width: 100%; height: 20px; background-color: ; padding-top: 10px; display:none ;">
										<input type="checkbox" style="margin-left: 360px;margin-top: 5px;display: none;"class="intoreply"><font style="position: relative;bottom: 3px;display: none;" class="intoreply">&nbsp;&nbsp;同时评论</font></input>
										<input type="submit" value="发表" class="comment_in" /><input type="submit" value="取消" class="comment_out" />
										
									</div>
								</div>
							</TANK-REPLY-BOX>				
            				<!--/评论 框 -->
							
							</div>
							
							
							
							<TANK-ITEM-ARROW>
							<div style="position: absolute; left: -8px;" class="contact_info"><img src="center/user_center_files/content.png"/></div>
							</TANK-ITEM-ARROW>
						
					</div>
				</div>
			</div>
	</tank-list>
</script>
		
				
	
<s:iterator value="pager.data">
	<tank-list>
		<div class="item cf">
		<!-- 用户头像 -->
					<div class="user-img fl">
						<a href="itemsProfileAction.action?userId=${author.id }" title="${author.name }"> 
						<img src="${author.photo }" class="to_popup" width="40" height="40">
						<input type="hidden" name="id" value=""${author.id }"> </a>
					</div>
		<!-- 用户头像 -->
		<!-- 微博全部内容 -->
					<div class="item-right fl" style="background-color: #; margin-top: -20px;">

						<div class="course-info cf" 	style="text-align: left; background-color: ; height: none;">

							<div class="course-other-info fr"
								style="background-color: ; height: 100%; width: 100%; right: 0px; position: relative;">
								
							<!--内容 -->
								<div class="cf" style="margin-bottom: 15px;">
									<div class="username fl">
										<a href="itemsProfileAction.action?userId=${author.id }" target="_blank" class="nickname"  style="font-family: Microsoft Yahei, Arial; color: #7FBCF0; font-size: 12pt;">${author.name }</a>
										<span>：${type}</span>
										
										

											<div style="margin-bottom: 10px;">
												<h3	style="font-size: 10pt; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, 微软雅黑; font-weight: bold; display: block;">
												<s:property value="formatContent" escapeHtml="false"/>
												
												</h3>
												<s:if test="cover != null">
												<a href="itemshowAction.action?productId=${id}" style="display:block;background-color: #FCFCFC; padding:10px;" title="点击查看物品详情">
													<img src="upload/${cover.name}" />										
												</a>
												</s:if>
											</div>

									</div>

								</div>
							<!--/内容 -->	
							

							<s:if test="parent != null">
							<!-- transpond -->
							<div style="margin-bottom: 10px;">
									<div class="course-info cf" style="background-color: #FCFCFC; padding-bottom: 40px;">

										<!-- 这个是发表的内容 -->

										<!--转发带图片的用户信息  -->
										<div style="">
										<a href="itemsProfileAction.action?userId=${parent.author.id}" target="_blank" class="nickname" style="font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, 微软雅黑; color: #7FBCF0; font-size: 12pt;">${parent.author.name}</a>
										<span>：${parent.type}</span>
										<h3 style="text-align: center;">
											<a href="${parent.id}">${parent.title}</a>
										</h3>
										
										</div>
										<!--转发带图片的用户信息  -->
										
										<span>${parent.content}</span>
										<s:if test="parent.cover != null">
												<a href="itemshowAction.action?productId=${parent.id}" style="display:block;background-color: #FCFCFC; padding:10px;" title="点击查看物品详情">
													<img src="upload/${parent.cover.name}" />										
												</a>
										</s:if>
										<div style="position: absolute; width: 100%; background-color: ; height: 50px; bottom: 0px; margin-top: 50px; right: 20px;">

											<p class="forward" style="display: table;">
												<a href="javascript:void(0);" toid="${parent.id}" title="推荐">
												<span class="forward_num favour fa${parent.id}" >${parent.favourCount}</span> </a>
												<a href="javascript:void(0);" title="评论"><span class="comment_num comment9121220332">${parent.commentCount}</span>
												</a>
												<img class="forward" src="center/user_center_files/forward.png" title="转发" style="height: 16px;cursor: pointer;margin-left: 10px;">
												<span class="comment_num comment9121220332">${parent.transpondCount}</span> 
											</p>
										</div>
									</div>
								</div>
							<!-- transpond -->
							</s:if>
							<!--工具 -->
								<div style="bottom: -30px; position: relative;">
										<p class="forward" style="margin-top: 15px; display: block;">
											<a href="javascript:void(0);" title="推荐" toid="${id}"><span
												class="forward_num favour fa${id}">${favourCount}</span> </a>
											<a href="javascript:void(0);"
												title="评论"><span class="comment_num comment9121220332">${commentCount}</span>
											</a>
											<img  class="forward"
											src="center/user_center_files/forward.png" 
											title="转发"
											style="height: 18px;cursor: pointer;margin-left: 10px;">
											<span class="comment_num comment9121220332">${transpondCount}</span></img>
										</p>
						 			</div>
							<!--/工具 -->
							<!--微博的时间 -->
								<div class="time fr" style="position: absolute; left: 0px;"><s:date name="pubtime" format="yyyy-MM-dd hh:mm:ss"/></div>
							<!--/微博的时间 -->
							<!--分割线 -->
								<div style="Opacity: 0.3; Filter: alpha(opacity =30); margin-top: 40px;">
									<hr style="color: #F0EEEF;">
									<img src="center/user_center_files/arrow-down-16-8-20111227.png" class="hrshow" style="margin-left: 49%; margin-top: -8px;"></img>
								</div>
							<!--/分割线 -->
					
					
						
							<!--评论 -->
								<div class="replyin" id="replyin-${id}" style="display:none ;">
										<!-- 没有评论 <p style="border-bottom: 1px dashed #AEAEAE;display: none;text-align: center;" class="replyin">(暂无评论)</p>--> 
									<TANK-COMMENT-ITEM>
									<!--<div class="comment_item cf" style="background-color: ; margin-top: 15px; border-bottom: 1px dashed #AEAEAE;">
										
										<div class="fl avatar_wrap" style="position: relative;">
											<a href="http://www.duobei.com/2665484830" target="_blank">
												<img src="center/show_files/aa716adeeff24d249a9d3c34ab6033a3.jpg"	width="40" height="40" 	title="bobnice"/>
											</a>
										</div>
										
										
										<div class="fr comment_content_wrap content_wrap"style="text-align: left;background-color: ;width: 535px;">
											<div class="comment_content" style="background-color: ;position: ;left: 0px;">
												<a href="NICKNAME" target="_blank"	class="nickname" >bobnice</a>
												<p>进不去，在外围观行否？</p>
												<div class="reply_link">
													<a class="reply_comment" href="javascript:;">回复</a>&nbsp;·&nbsp;
													<span>2012-02-14 20:52</span>
												</div>
											</div>											
									   </div>
									   
									</div> -->
									</TANK-COMMENT-ITEM>

									<div id="comment-list-${id}" class="comment-list">
									
									</div>
									<div id="comment-page-${id}" class="comment-page pagination">
									
									</div>
									
								</div>
							<!--/评论 -->
							<!-- 下拉按 --><p style="cursor: pointer;text-align: center;"  pid="${id}" pno="1"   class="showreply">展开评论</p>
							<!--评论 框 -->
							<TANK-REPLY-BOX>
							<div style="margin-top: 20px;">
									<!-- 用户评价输入框 -->
									<textarea type="text" class="comment"  pid="${id}"  >我来点评下</textarea>
									<!-- 确认发表回复-->
									<div class="commentbut" style="padding-bottom: 10px; width: 100%; height: 20px; background-color: ; padding-top: 10px; display:none ;">
										<input type="checkbox" style="margin-left: 360px;margin-top: 5px;display: none;"class="intoreply"><font style="position: relative;bottom: 3px;display: none;" class="intoreply">&nbsp;&nbsp;同时评论</font></input>
										<input type="submit" value="发表" class="comment_in" /><input type="submit" value="取消" class="comment_out" />
										
									</div>
								</div>
							</TANK-REPLY-BOX>				
            				<!--/评论 框 -->
							
							</div>
							
							
							
							<TANK-ITEM-ARROW>
							<div style="position: absolute; left: -8px;" class="contact_info"><img src="center/user_center_files/content.png"/></div>
							</TANK-ITEM-ARROW>
						
					</div>
				</div>
			</div>
	</tank-list>
	</s:iterator>	
	
<script  id="tpl_comment_item" type="text/html">
<TANK-COMMENT-ITEM>
		<div class="comment_item cf" style="background-color: ; margin-top: 15px; border-bottom: 1px dashed #AEAEAE;">
			
			<div class="fl avatar_wrap" style="position: relative;">
				<a href="itemsProfileAction.action?userId=<#=id#>" target="_blank">
					<img src="<#=photo #>"	width="40" height="40" 	title="bobnice"/>
				</a>
			</div>
			
			
			<div class="fr comment_content_wrap content_wrap"style="text-align: left;background-color: ;width: 535px;">
				<div class="comment_content" style="background-color: ;position: ;left: 0px;">
					<a href="itemsProfileAction.action?userId=<#=id#>" target="_blank"	class="nickname" ><#=name#></a>
					<p><#=content#></p>
					<div class="reply_link">
						<a class="reply_comment" href="javascript:replyTo(<#=toid#>,'||@<#=name#>  <#=replyContent#>')">回复</a>&nbsp;·&nbsp;
						<span><#=pubtime.f() #></span>
					</div>
				</div>											
		   </div>
		   
		</div>
</TANK-COMMENT-ITEM>

</script>
<style type="text/css">
<!--
.comment{
	height: 30px; width: 97%; background-color: transparent; border: 1px solid #E3E3E3; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, 微软雅黑; color: #9C9C9C; padding: 7px; overflow: hidden; height: 20px;
}

.comment_in{
	border: 0pt none; background: transparent url(center/user_center_files/sub-btn-64-23-20111101.png) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 64px; height: 23px; line-height: 23px; cursor: pointer; color:#fff; position: absolute; right: 10px;
}
.comment_out{
border: 0pt none; background: transparent url(center/user_center_files/cancel.png) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 64px; height: 23px; line-height: 23px; cursor: pointer; color:#fff; position: absolute; right: 10px;
											margin-right: 70px;
}
//-->
</style>


			<style type="text/css">
			/*CSS flickr style pagination*/

DIV.flickr {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.flickr A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.flickr A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.meneame A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.flickr SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.flickr SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
			
			</style>
			
			<div class="page_turn">
					<a style="cursor: pointer;TEXT-DECORATION:none">加载更多…………</a>
					<div class="flickr">
						<span class="disabled"> < </span>
						${pager.pagerSimpleHtml }
						<span class="disabled"> > </span>
					</div>

			</div>
			
			</div>




				<!-- jquery代码去 -->




				<script type="text/javascript">
function showRe(){


	$(this).parent().find(".hrshow").animate( {"margin-left" : '50px'}, 1000);
	$(this).parent().find(".replyin").slideToggle('slow');
	$(this).html("收起评论");
	
	var the=$(this);
	var pid=parseInt(the.attr('pid'));
	//alert(pid);
	

		(function ajax_comment(pid,pno){
				
				//console.log('pid='+pid);
				HOME.findComments(pid,pno,5,function (tm){
					if(tm && tm.success){
						var html='';
						var d=tm.data;
						for(var i in d){
							d[i].toid=pid;
							if(d[i].content){
								var ind=d[i].content.indexOf("||");
								if(ind>0){
									d[i].replyContent=d[i].content.substring(0,ind);
								}else{
									d[i].replyContent=d[i].content;
								}
								
								d[i].content=d[i].content.replace(/\[(\w+),(\w+)\]/g,'<a href="itemsProfileAction.action?userId=$1">@$2</a>');
					
							}
							html+=template('tpl_comment_item', d[i]);
						}
						$('#comment-list-'+pid).html($(html));

						//console.log('tm.attr.pageCount='+tm.attr.pageCount);
						//console.log('tm.attr.pageSize='+tm.attr.pageSize);
						//console.log('tm.attr.pageNo='+tm.attr.pageNo);
						//console.log('tm.attr.total='+tm.attr.total);

						$('#comment-page-'+pid).pagination(tm.attr.total,{callback:function (i,c){
							//console.log('i='+i);
							ajax_comment(pid,i+1);
							return false;
						},items_per_page:tm.attr.pageSize,current_page:tm.attr.pageNo-1
							
						});

					}else{
						//alert('暂无评论!');
					}
				});

		
		
		
		})(pid,1);
}//


function hideRe(){
	$(this).parent().find(".hrshow").animate( {"margin-left" : '49%'}, 2000);
	$(this).parent().find(".replyin").slideToggle(2000);
	$(this).html("展开评论");

}//



function inputRe(){
	var reply=$(this).parent().parent().parent().parent().parent().parent().find(".comment");
	reply.focus();
	reply.attr("value","回复"+$(this).parent().parent().find(".nickname").html()+":");
	
	reply.parent().find(".commentbut .comment_in").attr("value", "回复")
	
}//


function commentFocus() {
	focusword = $(this).attr("value");
	$(this).parent().find(".intoreply").hide();

	if (focusword == "我来点评下") {
		$(this).attr("value", "");
	}

	$(this).parent().find(".commentbut").fadeIn(1000).find(".comment_in").attr("value", "发表");
	$(this).css({"background-color":"#fff","color":"#000"}).animate( { "height" : '50px'}, 1000);

	$(".comment").blur(function() {
		focusword = $(this).attr("value");
		if (focusword == "") {
			focusword = "";
			$(this).attr("value", "我来点评下");
			$(this).css("color", "#9C9C9C");
			$(this).parent().find(".commentbut").fadeOut(1000);
			$(this).css("background-color", "transparent");
			$(this).animate( {
				"height" : '20px'
			}, 1000);

		}

	});

}//


function forwardClick() {
	var comment = $(this).parent().parent().find(".comment");
	comment.focus();
	$(this).parent().parent().find(".intoreply").fadeIn(1000);
	comment.attr("value", "");
	comment.parent().find(".commentbut .comment_in").attr("value", "转发");

}//


function comment_out(){
	
	var cannel=$(this).parent().parent().find(".comment");
	$(this).parent().find(".intoreply").hide();
	cannel.attr("value", "我来点评下");
			cannel.css("color", "#9C9C9C");
			cannel.parent().find(".commentbut").fadeOut(1000);
			cannel.css("background-color", "transparent");
			cannel.animate( {"height" : '20px'}, 1000);
}//


function comment_in(){

		var tb=$(this).parent();
			
		var ta=tb.prev('.comment');
		var pid=parseInt(ta.attr('pid'));
		var content=ta.val();
		
		if( tb.find(':checkbox').is(':visible') ){
				HOME.addTranspond({'parent':{'id':pid},'content':content},function (d){
					var html = template.render('two', d);
					var ele=$(html);
					$('#weibo').after(ele);
					bindActions(ele);
				});
		}else{
				
				HOME.addComment({'parent':{'id':pid},'content':content},function (d){
					
					if(d && d.author){
						d.id=d.author.id;
						d.name=d.author.name;
						d.photo=d.author.photo;
						if(d.content){
								var ind=d.content.indexOf("||");
								if(ind>0){
									d.replyContent=d.content.substring(0,ind);
								}else{
									d.replyContent=d.content;
								}
								
								d.content=d.content.replace(/\[(\w+),(\w+)\]/g,'<a href="$1">@$2</a>');
					
						}
						d.toid=pid;
						var html=template('tpl_comment_item',d);
						$('#comment-list-'+pid).prepend($(html));
					
						ta.val('');

						 $('p[pid='+pid+']:contains(\'展开评论\')').trigger('click');
					}
					

					
				});

		
		}
		
	}//
function  favour(){
	var toid=$(this).attr('toid');
	try{
		HOME.favour({id:toid},function (tm){
		if(tm){
			var of=$('.fa'+toid).first().text();
			 
			$('.fa'+toid).text(1+parseFloat(of));
			 alert(tm.message);
		}
		
	});
	}catch(e){
		//console.log(e);
	}
	return false;
}
function bindActions(item){
	$(".showreply",item).toggle(showRe,hideRe);
	$(".reply_comment",item).click(inputRe);
	$(".reply_reply",item).click(inputRe);

	$(".comment",item).focus(commentFocus);
	$(".forward",item).click(forwardClick);
	$(".comment_out",item).click(comment_out);
	$(".comment_in",item).click(comment_in);
	$("a[toid]",item).click(favour);



}

function replyTo(toid,tit){
	//alert(toid+tit);
	$("textarea[pid="+toid+"]").focus().val(tit).setCurPos(0);
}

$(function (){
	$('.item').each(function (){
		bindActions(this);
	});

});



</script>

	<!-- right -->

<div style="
				background-color:;
				text-align: left; float: left; height: 500px; width: 250px; margin: 0 auto; margin-top: 200px; margin-right: -90px; position: relative;">
				<div style="background-color: ; margin-bottom: 15px; width: 150px;">
					<h21>
					推荐物品
					</h21>
					<div style="background-color: #952C2B; height: 5px; width: 90px;"></div>
					<h2 style="margin-top: -20px;"></h2>
				</div>
				
				<div>
				<h21 class="myword" style="color: rgb(123, 123, 123); cursor: pointer; ">
				换一批 
				</h21>
				(猜你喜欢)
				</div>
				<div style="background-color: rgb(149, 44, 43); height: 5px; width: 120px; margin-left: 5px; display: none; " class="rednav"></div>
				<div style="height: 5px; width: 250px;"></div>
				<div class="side_content fr" style="background-color: ; width: 200px; border-top: 1px solid #AEAEAE; height: 100px; wide: 100px; margin-bottom: 20px; margin-bottom: 50px;padding:15px 22px">

					<div id="followers">
					
					
					<div style="height: 162px; width: 205px; " class="recommend_itm">
						<div style="text-align: center; height: 106px; width: 136px; ">
							<img src="img/testphoto.png" class="rcitem" style="display: inline-block; width: 136px; ">
						</div>
						<div style="border: 2px solid rgb(235, 235, 235); width: 199px; padding: 2px; display: none; " class="recomment_detail"> 
							<a href="#" class="recomment_title" style="color: #8B864E;"> 可以弹吉他的耳机可以弹吉他的耳机可以弹吉他的耳机可以弹吉他的耳机</a>
						</div>
						<div> 
							<a href="#" class="recomment_title"> 可以弹吉他的耳机</a>
						</div>
						
						<div>
						<span class="recomment_gray">物主: </span><a href="#" class="recomment_title" style=" color: #8B864E;margin-right: 0px;">韩雨晨</a>
						</div>
						<div>
						<img src="img/love.png" style="height: 15px;"><a class="recomment_gray" style="margin-right: 15px;">1099 </a>
						<img src="img/commit.png" style="height: 15px;"><a class="recomment_gray">1099 </a>
						
						</div>
					</div>
						
					
					<div style="height: 162px; width: 205px; text-align: left; " class="recommend_itm">
						<div style="text-align: center; height: 106px; width: 136px; ">
							<img src="img/testphoto.png" class="rcitem" style="display: inline-block; width: 136px; ">
						</div>
						<div style="border: 2px solid rgb(235, 235, 235); width: 199px; padding: 2px; display: none; " class="recomment_detail"> 
							<a href="#" class="recomment_title" style="color: #8B864E;"> 可以弹吉他的耳机可以弹吉他的耳机可以弹吉他的耳机可以弹吉他的耳机</a>
						</div>
						<div> 
							<a href="#" class="recomment_title"> 可以弹吉他的耳机</a>
						</div>
						
						<div>
						<span class="recomment_gray">物主: </span><a href="#" class="recomment_title" style=" color: #8B864E;margin-right: 0px;">韩雨晨</a>
						</div>
						<div>
						<img src="img/love.png" style="height: 15px;"><a class="recomment_gray" style="margin-right: 15px;">1099 </a>
						<img src="img/commit.png" style="height: 15px;"><a class="recomment_gray">1099 </a>
						
						</div>
					</div>
						
					
					</div>
				</div>
				
				

				
			</div>
	<script type="text/javascript">
		var timein,timeout;
						$(".rcitem").hover(function(){
							var item=$(this);
							
								timein=setTimeout(function(){item.parent().parent().animate({'height':'250px'},100)
							item.parent().parent().animate({'width':'205px'},100)
							item.parent().animate({'height':'150px'},100)
							item.parent().animate({'width':'200px'},100)
							item.animate({'width':'200px'},300)
							item.parent().parent().find(".recomment_detail").delay(400).slideDown(400);},300);
							
							
							
							
						},function(){
							clearTimeout(timein);
							var item=$(this);
							item.parent().parent().find(".recomment_detail").slideUp(300);
							item.parent().delay(300).animate({'height':'106px'},300)
							item.parent().delay(300).animate({'width':'136px'},300)
							
							item.delay(300).animate({'width':'136px'},300)
							item.parent().parent().delay(300).animate({'height':'162px'},500)
							
							
							
						});
						</script>


		<!-- right -->



		</div>


		
		<script src="center/user_center_files/global.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">jQuery.global.init();</script>

		<script src="zgg/js/jquery.pagination.js"></script>
		<link type="text/css" rel="stylesheet" href="zgg/js/jquery.pagination.css" />
		

		<script type="text/javascript" src="zgg/js/template.js"></script>
		<script type="text/javascript">
		template.openTag = "<#";
		template.closeTag = "#>";
		$(function() {
			$('#inputBox').submit(function(){

				HOME.addTalk({content:$('#item_content').val()},function(data){
					var html = template.render('two', data);
					var item=$(html);
					$('#weibo').after(item);
					bindActions(item);
					$('#item_content').val('');
				});
				
				return false;
			});
		});
		</script>
		
	</body>
</html>